﻿
@{
    ViewBag.Title = "部门";
    var F = Html.F();
}
@section head {

}
@using System.Data;
@section body {
    @(
            F.Panel()
            .IsViewPort(true)
            .ShowBorder(false)
            .ShowHeader(false)
            .Layout(LayoutType.Region)
            .Items(
                F.Panel()
                .ID("panelLeftRegion")
                .RegionSplit(true)
                .EnableCollapse(true)
                .RegionPosition(Position.Left)
                .Width(250)
                .Title("部门树")
                .TitleToolTip("部门树")
                .ShowBorder(true)
                .ShowHeader(true)
                .BodyPadding(5)
                .Items(
                        F.Tree()
                        .ShowBorder(false)
                        .ShowHeader(false)
                        .ID("Tree1")
                        .Listener("nodeclick", "onTreeNodeClick")
                        .Nodes((TreeNode[])ViewBag.TreeMenuNodes)
                ),
                F.Grid()
                .Title("部门列表")
                .ID("sys2Grid")
                .RegionPosition(Position.Center)
                .ShowBorder(true)
                .ShowHeader(true)
                .DataIDField("System_2_10")
                .BoxFlex(4)
                .EnableCheckBoxSelect(true)
                .Columns(
                      F.RenderField().DataField("System_2_20").HeaderText("部门编号").ExpandUnusedSpace(true),
                      F.RenderField().DataField("System_2_30").HeaderText("部门名称").ExpandUnusedSpace(true),
                      F.RenderField().DataField("System_2_110").HeaderText("部门负责人").ExpandUnusedSpace(true),
                      F.RenderField().DataField("str70").HeaderText("上级部门").ExpandUnusedSpace(true)
                    )
                .Toolbars(
                    F.Toolbar().Items(
                         F.DefaultGridBtn("sys2Grid")
                        )
                    )
                .Listener("rowclick", "Onsys2GridRowClick")
                ,
                F.Form()
                .Title("编辑")
                .Width(350)
                .ID("EditForm")
                .Attribute("DataID", "System_2_10")
                .RegionPosition(Position.Right)
                .BodyPadding(5)
                .RowsEx(1,
                    F.TextBox().Label("部门编号").Attribute("data", "System_2_20").Required(true),
                    F.TextBox().Label("部门名称").Attribute("data", "System_2_30").Required(true),
                    F.TextBox().Label("部门负责人").Attribute("data", "System_2_110").Required(true),
                F.DropDownList()
                .ID("ddlsys2_70")
                .DataTextField("System_2_30")
                .EnableSimulateTree(true)
                .AutoShowClearIconEx(true)
                .Label("上级部门")
                .Attribute("data", "Data_System_2_70")
                .DataValueField("System_2_10")
                .DataSimulateTreeLevelField("_TreeLevel")
                .DataSource((DataTable)ViewBag.ddlsys2_70DataSource))
                .Toolbars(
                    F.Toolbar()
                    .Items(
                        F.Button().ID("sys2save").Text("保存").IconFont(IconFont.Save).OnClientClick("sys2save_Click();"),
                        F.Button().ID("sys2close").Text("取消").IconFont(IconFont.Close).OnClientClick("sys2close_Click();")
                        )
                    )
                )
    )
}
@section script {
    <script>
        //树节点点击事件
        function onTreeNodeClick(e, nodeId) {
            F.doPostBack('@Url.Action("Tree1_NodeClick")', {
                nodeId: nodeId,
                fields: F.ui.sys2Grid.fields
            });
        }

        //列表行点击事件
        function Onsys2GridRowClick(e, rowid) {
            setuse(false);
            F.doPostBack('@Url.Action("sys2Grid_RowClick")', {
                rowid: rowid,
                fields: F.ui.sys2Grid.fields
            });
        }

        //列表新增
        function sys2Gridnew_Click() {
            //F.ui.sys2Grid.showEdit();//新增
            setuse(true);
            F.ui.EditForm.setdata({
                "System_2_20": "",
                "System_2_30": "",
                "System_2_110": ""
            })
        }
        //列表修改
        function sys2Gridedit_Click(g,rowid) {
            //F.ui.sys2Grid.showEdit(true);//修改
            F.ui.EditForm.DataID = rowid;
            setuse(true);
            //修改，上级ID不能为自己的子集
            F.doPostBack('@Url.Action("relodeddlsys2_70")', {
                rowid: rowid
            });
        }
        //删除
        function sys2Griddelete_Click(ids) {

        }

        //保存
        function sys2save_Click() {
            //得到表单数据
            F.ui.EditForm.savedata();
        }

        //取消
        function sys2close_Click() {
            //得到表单数据
            setuse(false);
            var rowid = F.ui.EditForm.beforDataID;
            F.doPostBack('@Url.Action("sys2Grid_RowClick")', {
                rowid: rowid,
                fields: F.ui.sys2Grid.fields
            });
        }
        //是否可用 true可用
        function setuse(b) {
            F.ui.EditForm.fieldReadnly(!b);
            F.ui.sys2save.setEnabled(b);//保存
            F.ui.sys2close.setEnabled(b);//保存

        }
        F.ready(function () {
            setuse(false);
            $(F.ui.Tree1.el).find(".f-tree-node").eq(1).click();
        })
    </script>

}